超大きい文字■ 超大きい文字前回までは、テーブルをスタイルシートでデザインする方法を学びました。 今回は、文字をスタイルシートでカスタマイズしていきます。 今回は「style="font-size:~pt;"」をつかいます。 今までは、「font」タグをつかって文字の大きさを指定していましたが、 大きさを1~7段階しか設定することができませんでした。 今回の「style="font-size:~pt;"」をつかうと、 1pt単位で自由に文字の大きさを設定することができます。(※必ず単位に「pt」をつけます) 「<font style="font-size:40pt;">のとき」 ↓ 40 「<font style="font-size:250pt;">のとき」 ↓ 250 この「style="font-size:~pt;"」は、他のHTMLとも組み合わせられます 「<p style="font-size:10pt;">文章</p>」 ↓ pと組み合わせると・・・ 「<i style="font-size:10pt;">文章</i>」 ↓ iと組み合わせると・・・ 「<b style="font-size:10pt;">文章</b>」 ↓ bと組み合わせると・・・ 「<u style="font-size:10pt;">文章</u>」 ↓ uと組み合わせると・・・ <a href="リンク先アドレス" style="font-size:10pt;">文章</a>」 ↓ aと組み合わせると・・・ 「<center style="font-size:10pt;">文章</center>」 ↓ そのほか、「table」と「td」にも使えます。 「<table style="font-size:~pt;">」 「<td style="font-size:~pt;">」 「table」につかえば、テーブルの中の文字全部の大きさ 「td」につかえば、マスの中だけ文字の大きさを変えられます。 ジャンル別一覧
人気のクチコミテーマ
|